import Vue from 'vue'
import Router from 'vue-router'

import valid from '@/views/show/valid'
import show from '@/views/show/show'
import chat from '@/views/chat'

//1. 通过 Vue.use(插件)，安装插件。
Vue.use(Router)

//2. 创建 routes 数组，存放路由信息。
const routes = [
  {
    path: '/',
    name: 'valid',
    component: valid,
    meta: {
      title: '验证'
    }
  },
  {
    path: '/show/:sn',
    name: 'show',
    component: show,
    meta: {
      title: '直播'
    }
  },
  {
    path: '/chat',
    name: 'chat',
    component: chat,
    meta: {
      title: '聊天'
    }
  }
]

//3. 创建 router 对象。
const router = new Router({
  routes,
  mode: "history" // 默认hash模式, 需要主动修改为history模式, 去除地址栏里边的#号键
})

//4. 导出 router。
export default router

// 设置地址title
router.beforeEach((to, from, next) => {
  document.title = to.matched[0].meta.title;
  // 执行跳转, 从from到to
  next(); // 默认跳转到下一个
});
